/*
  学习目标：用小程序的事件和属性绑定, 实现双向绑定的效果
    场景:
      1. 收集用户输入的内容
      2. 回填表单数据

    步骤:
    1. 通过动态属性 , 绑定数据给value属性
    2. 监听表单元素的输入事件, 改变data中的数据
*/
Page({
  data: {
    msg: "hello 小程序",
  },
  // 🔔 2. 监听表单元素的输入事件, 改变data中的数据
  handlerInput(e) {
    // 💥 e.detail.value 类似web中 e.target.value, 可以获取表单元素的值
    this.setData({ msg: e.detail.value });
  },
  handlerSubmit() {
    console.log(this.data.msg);
  },
  handleReset() {
    this.setData({ msg: "" });
  },
});
